<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小测验</title>
    <!--任务； 1.链接登录的颜色为红色
            2.主导航栏里面所有的链接颜色改为橙色
            3.主导航栏和测导航栏里面字体都是14像素并且都是微软雅黑 -->
    <style>
        /* 1.链接登录的颜色为红色 */
        .site-r a {
            color: red;
        }
        /* 2.主导航栏里面所有的链接颜色改为橙色 */
        .nav ul li a {
            color: orange;
        }
        /* 3.主导航栏和测导航栏里面字体都是14像素并且都是微软雅黑 */
        .nav,
        .sitenav{
            font: 14px "微软雅黑";
        }
    </style>
</head>

<body>
    <!-- 主导航栏 -->
    <div class="nav">
        <ul>
            <li> <a href="#">公司首页</a></li>
            <li> <a href="#">公司简介</a></li>
            <li> <a href="#">公司产品</a></li>
            <li> <a href="#">联系我们</a></li>
        </ul>
    </div>
    <!-- 测导航栏 -->
    <div class="sitenav">
        <div class="site-l">左侧导航栏</div>
        <div class="site-r"><a href="#">登录</a></div>
    </div>
</body>

</html>